﻿@charset "utf-8";
/* CSS Document */
body{font:14px 'Microsoft YaHei',Helvetica,Tahoma;color:#7c7c7c;background-color:#fff;_background-image:url(about:blank);_background-attachment:fixed;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
img { vertical-align:middle;}
img.handin{cursor:pointer;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a{ text-decoration:none; color:#333;}
a{blr:expression(this.onFocus=this.blur())}
 *::after, *::before
.cl{clear: both;}
.wl{width:1002px}
.wl::after{clear: both;display: table;content: ""}
@media screen and (max-width:1200px){.wl{width:1002px}}
 #header,#content,#footer,.wl{margin-left:auto;margin-right:auto}
 .mainbox{height: inherit;}
@media (min-width:768px) {
	#rig-suspend,#go{display: block!important;}
}
@font-face
{
font-family: FontOne;
src:url('../font/zfgz-yh.eot');
src:url('../font/zfgz-yh.ttf') format('truetype'),
    url('../font/zfgz-yh.eot?#iefix') format('embedded-opentype');
}

@font-face
{
font-family: FontTwo;
src:url('../font/segoesc.eot?#iefix')format('embedded-opentype'),
url('../font/segoesc.ttf'); 
}
@font-face
{
font-family: FontThr;
src:url('../font/zfgz-yy.eot?#iefix')format('embedded-opentype'),
url('../font/zfgz-yy.ttf'); 
}


/*headernav*/
#header{width: 100%;background:#fdfdfd;height: 93px}
.fixed{position: fixed;top:0;left: 0;z-index: 3;background-color: rgba(255,255,255,0.9);}
#header .inner,.news-bg .inner{height: inherit;position: relative;}
.logo{float: left;height: 100%;position: relative;}
.logo img{width:268px;height:98px;} 
.headnav{float: right;font-size: 16px;position: relative;}
.headnav ul{float: right;}
.headnav li{float: left;}
.headnav li a{line-height: 98px;color: #333;padding: 3px 0;margin:0 14px;}
.headnav li a:hover{color: #003c7b;animation:0.5s  headnav;-o-animation:headnav 0.8s ;-moz-animation:headnav 0.8s ;-webkit-animation:headnav 0.8s ;border-bottom: 2px solid #003c7b}
@keyframes headnav{from {border-bottom-color: #aad9f8;color: #aad9f8;}to {border-bottom-color: #003c7b;color: #003c7b;}}
@-moz-keyframes headnav{from {border-bottom-color: #aad9f8;color: #aad9f8;}to {border-bottom-color: #003c7b;color: #003c7b;}}
@-o-keyframes headnav{from {border-bottom-color: #aad9f8;color: #aad9f8;}to {border-bottom-color: #003c7b;color: #003c7b;}}
@-webkit-keyframes headnav{from {border-bottom-color: #aad9f8;color: #aad9f8;}to {border-bottom-color: #003c7b;color: #003c7b;}}
.headnav li a.sel{border-bottom: 2px solid #003c7b;color: #003c7b;}

/* 底部 */
#footer .inner{  height: inherit;text-align: center;}
#footer{background-color:#fff;height:auto;width: 100%;float: left;padding: 18px 0;color: #666;box-shadow: 0 0 8px #ccc;line-height: 28px;border-top: 1px solid #ccc;}
#footer a{margin: 0 8px;color: #666;}
#footer a:hover{color: #333;}




/* 部局 */
#body-color{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity = 40);display:none;z-index: 99}
.icons1{background:url(./prev.png) no-repeat;display: inline-block;background-size:21px 58px;}
.icons2{background:url(./next.png) no-repeat;display: inline-block;background-size:21px 58px;}
.font{width: 100%;text-align: center;margin-bottom: 15px;position: relative;}
.banner{width: 100%;position: relative;background-position: center;background-size:1920px 450px;}
.fl{float: left;}
.fr{float: right;}
.f1{font-family: FontOne;}
.f2{font-family: FontTwo;}/*英文字体*/
.f3{font-family: FontThr;}
.fs24{font-size: 24px}
.fs36{font-size: 36px}
.fs20{font-size: 20px}
.fs16{font-size: 16px}
.lh56{line-height: 56px}
.lh36{line-height: 36px}
.c1{color: #003c7b}
.c2{color: #d4515e}
.c3{color: #fff;}
.mt30{margin-top: 30px;}



/*page*/
#page {padding:2px; margin: 10px 0 0 0;  text-align: center;width: 100%;position: relative;} 
#page a { padding: 0.1em  0.3em; margin: 2px; color: #0a3572; background-color: #fff;border: 1px solid #0a3572} 
#page a:hover { background-color: #f6ab25;color: #fff;} 
#page a:active {background-color: #f6ab25} 
#page span.current { padding: 0.1em 0.3em;margin: 2px; color: #6d643c; background-color: #f6ab25 } 
#page span.disabled { display: none } 
#page span font{color: #f6ab25;margin: 0 3px}
#page .sw{padding: 0.1em 0.8em;border: 1px dashed #1e70c1}
#page .sw:hover{background-color: #fff;color: #000;}
#page .np{padding: 0.1em  0.3em; margin: 2px; color: #0a3572; background-color: #fff ;border: 1px solid #0a3572}
#page .np:hover{background-color: #fff;color: #ccc;}

/*css3 动画*/
@keyframes lg
{from {transform: scale(0);}to {transform: scale(1.1)}}
@-moz-keyframes lg /* Firefox */
{from {-moz-transform: scale(0);}to {-moz-transform: scale(1.1)}}
@-webkit-keyframes lg /* Safari 和 Chrome */
{from {-webkit-transform: scale(0);}to {-webkit-transform: scale(1.1)}}
@-o-keyframes lg /* Opera */
{from {-o-transform: scale(0);}to {-o-transform: scale(1.1)}}
@-ms-keyframes lg /* Firefox */
{from {-ms-transform: scale(0);}to {-ms-transform: scale(1.1)}} 

@keyframes lg_2
{from {transform: scale(0.5);}to {transform: scale(1.1)}}
@-moz-keyframes lg_2 /* Firefox */
{from {-moz-transform: scale(0.5);}to {-moz-transform: scale(1.1)}}
@-webkit-keyframes lg_2 /* Safari 和 Chrome */
{from {-webkit-transform: scale(0.5);}to {-webkit-transform: scale(1.1)}}
@-o-keyframes lg_2 /* Opera */
{from {-o-transform: scale(0.5);}to {-o-transform: scale(1.1)}}
@-ms-keyframes lg_2 /* Firefox */
{from {-ms-transform: scale(0.5);}to {-ms-transform: scale(1.1)}} 

@keyframes TopFromBottom
{
	from {transform: translateY(-100%);opacity: 0}to {opacity: 1;}
}
@-moz-keyframes TopFromBottom /* Firefox */
{
	from {-moz-transform: translateY(-100%);opacity: 0}to	{opacity: 1;}
}
@-webkit-keyframes TopFromBottom /* Safari 和 Chrome */
{
	from {-webkit-transform: translateY(-100%);opacity: 0}to	 {opacity: 1;}
}
@-o-keyframes TopFromBottom /* Opera */
{
	from {-o-transform: translateY(-100%);opacity: 0}to     { opacity: 1;}
}
@-ms-keyframes TopFromBottom/* Firefox */
{
	from{-ms-transform: translateY(-100%);opacity: 0}to	{opacity: 1;}
}


@keyframes LeftToRight
{
	1% {transform: translate(0,0);}
	50% {transform: translate(10px,0);}
	99% {transform: translate(0,0);}
}
@-moz-keyframes LeftToRight /* Firefox */
{
	1% {-moz-transform: translate(0,0);}
	50% {-moz-transform: translate(10px,0);}
	99% {-moz-transform: translate(0,0);}
}
@-webkit-keyframes LeftToRight /* Safari 和 Chrome */
{
	1% {-webkit-transform: translate(0,0);}
	50% {-webkit-transform: translate(10px,0);}
	99% {-webkit-transform: translate(0,0);}
}
@-o-keyframes LeftToRight /* Opera */
{
	1% {-o-transform: translate(0,0);}
	50% {-o-transform: translate(10px,0);}
	99% {-o-transform: translate(0,0);}
}
@-ms-keyframes LeftToRight /* Firefox */
{
	1% {-ms-transform: translate(0,0);}
	50% {-ms-transform: translate(10px,0);}
	99% {-ms-transform: translate(0,0);}
} 

@keyframes BottomFromTop
{
	0%{opacity: 0;transform: translateY(0)}
	49% {opacity: 0.3;}
	50% { transform: translateY(-80%);}
	51% {opacity: 1;}
}
@-moz-keyframes BottomFromTop /* Firefox */
{
	0%{opacity: 0;-moz-transform: translateY(0)}
	49% {opacity: 0.3;}
	50% {-moz-transform: translateY(-80%);}
	51% {opacity: 1;}
}
@-webkit-keyframes BottomFromTop /* Safari 和 Chrome */
{
	0%{opacity: 0;-webkit-transform: translateY(0)}
	49% {opacity: 0.3;}
	50% {-webkit-transform: translateY(-80%);}
	51% {opacity: 1;}
}
@-o-keyframes BottomFromTop /* Opera */
{
	0%{opacity: 0;-o-transform: translateY(0)}
	49% {opacity: 0.3}
    50% { ;-o-transform: translateY(-80%);}
    51% { opacity: 1;}
}
@-ms-keyframes BottomFromTop/* Firefox */
{
	0%{opacity: 0;-ms-transform: translateY(0)}
	49% {opacity: 0.3;}
	50% {-ms-transform: translateY(-80%);}
	51% {opacity: 1;}
}

@keyframes BottomFromTop
{
	0%{opacity: 0;transform: translateY(0)}
	49% {opacity: 0.3;}
	50% { transform: translateY(-80%);}
	51% {opacity: 1;}
}
@-moz-keyframes fzY /* Firefox */
{
	0%{-moz-transform:rotate3d(0, 1, 0, 50deg)}
	49%{-moz-transform:rotate3d(0, 1, 0, -30deg)}
	51%{-moz-transform:rotate3d(0, 1, 0, 40deg)}
}
@-webkit-keyframes fzY /* Safari 和 Chrome */
{
	0%{-webkit-transform:rotate3d(0, 1, 0, 50deg)}
	49%{-webkit-transform:rotate3d(0, 1, 0, -30deg)}
	51%{-webkit-transform:rotate3d(0, 1, 0, 40deg)}
}
@-o-keyframes fzY /* Opera */
{
	0%{-o-transform:rotate3d(0, 1, 0, 50deg)}
	49%{-o-transform:rotate3d(0, 1, 0, -30deg)}
	51%{-o-transform:rotate3d(0, 1, 0, 40deg)}
}
@-ms-keyframes fzY/* Firefox */
{
	0%{-ms-transform:rotate3d(0, 1, 0, 50deg)}
	49%{-ms-transform:rotate3d(0, 1, 0, -30deg)}
	51%{-ms-transform:rotate3d(0, 1, 0, 40deg)}
}


